@import "./theme.scss";

// 覆盖element-variables.scss样式
.el-button--primary {
  background-color: #0178bc;
}
.el-dialog__wrapper{
  overflow: hidden;
  .el-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0!important;
    display: flex;
    flex-direction: column;
    .el-dialog__header {
      background: var(--theme);
      min-height: 50px;
      .el-dialog__title {
        color: #fff;
      }
      .el-dialog__close {
        color: #fff;
      }
    }
    .el-dialog__body {
      overflow-y: auto;
      max-height: calc(100vh - 130px);

      /*滚动条样式*/
      &::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
      }
      &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
          background: rgba(0,0,0,0.2);
      }
      &::-webkit-scrollbar-track {/*滚动条里面轨道*/
          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
          border-radius: 0;
          background: rgba(0,0,0,0.1);
      }
    }
  }
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  transform: scale(0.5, 1);
}
.el-checkbox__inner::after {
  border-width: 2px;
  top: 0;
}

.el-date-picker.el-popper.has-time {
  .el-picker-panel__body-wrapper {
    .el-time-spinner__wrapper.el-scrollbar {
      max-height: 160px;
      .el-time-spinner__list::after,
      .el-time-spinner__list::before {
        height: 64px;
      }
    }
  }
  .el-picker-panel__footer {
    .el-button.el-picker-panel__link-btn.el-button--text.el-button--mini {
      display: none;
    }
  }
}

.tab-container {
  .el-row {
    margin-bottom: 10px;
    .el-button + span .el-button {
      margin-left: 10px;
    }
  }
}

.el-dialog:not(.is-fullscreen) {
  .el-dialog__header {
    background-color: var(--theme);
    border-radius: 2px 2px 0 0;
    .el-dialog__title,
    .el-dialog__close {
      color: #fff;
    }
  }
}

.zte-tree-action {
  font-size: 14px;
}

.el-select-icon {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  .el-select-dropdown__list{
    text-align: center;
  }
    .icon-select{
      font-size: 20px;
      display: inline-flex;
      padding:10px;
    }
}